<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Image Gallery</title>
  <link rel="stylesheet" href="styles/newLayout.css" media="screen" />
</head>

<body>
  <h1>Snapshots</h1>
  <ul id="imagegallery"> 
    <li>
      <a href="images/city1.jpg" title="city city city"><img src="images/city1.jpg" alt="city"></a>
    </li>
    <li>
      <a href="images/tree2.jpg" title="tree tree tree"><img src="images/tree2.jpg" alt="tree"></a>
    </li>
    <li>
      <a href="images/env3.jpg" title="env env env"><img src="images/env3.jpg" alt="env"></a>
    </li>
    <li>
      <a href="images/car4.jpg" title="car car car"><img src="images/car4.jpg" alt="car"></a>
    </li>
  </ul>

  <script type="text/javascript" src="scripts/writeGalleryElement.js"></script>
</body>

</html>